<!DOCTYPE html>
<html lang="en" xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
    <script src="../js/jquery-2.1.0.min.js"></script>
</head>
<body>
<div id="app">
    <v-simple-table>
        <template>
            <thead>
            <tr>
                <th class="text-left">序号</th>
                <th class="text-left">用户名</th>
                <th class="text-left">是否管理员</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="user in userlist">
                <td>{{user.id}}</td>
                <td>{{user.username}}</td>
                <td>{{user.isadmin == 0? '否':'是'}}</td>
            </tr>
            </tbody>
        </template>
    </v-simple-table>
    <v-btn v-on:click="upData">点击</v-btn>
</div>
</body>
<script>
    let app = new Vue({
        el:"# app",
        data:{
           userlist:[
           ]
        },
        methods:{
            upData() {
                alert("点击了js")
                app.userlist[0].username = "22222";
            },
            init() {
                jQuery.getJSON("/user/ulist",{},function (data) {
                    if(data != null && data.data != null) {
                        app.userlist = data.data;
                    }
                })
            }
        }
    });
    app.init();
</script>
</html>